<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="container">
			<h3>等宽列布局</h3>
		 <div class="row">
			 <!-- 绿色 -->
			 <div class="col border py-3 bg-success text-center">二分之一</div>
			 <div class="col border py-3 bg-success text-center">二分之一</div>
		 </div>
		 <div class="row">
			 <!-- 蓝色 -->
			 <div class="col border py-3 bg-info text-center">三分之一</div>
			 <div class="col border py-3 bg-info text-center">三分之一</div>
			 <div class="col border py-3 bg-info text-center">三分之一</div>
		 </div>
		 <div class="row">
			 <!-- 黄色 -->
			 <div class="col border py-3 bg-warning text-center">四分之一</div>
			 <div class="col border py-3 bg-warning text-center">四分之一</div>
			 <div class="col border py-3 bg-warning text-center">四分之一</div>
			 <div class="col border py-3 bg-warning text-center">四分之一</div>
		 </div>
		 <div class="row">
			 <!-- 浅蓝 -->
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
			 <div class="col border py-3 bg-primary text-center">十二分之一</div>
		 </div>
		 <h3>等宽多行布局</h3>
		 <div class=container">
		 			 <div class="col border py-3 bg-info ">col</div>
		 			 <div class="col border py-3 bg-info ">col</div>
					 <div class="w-100"></div>
					 <div class="col border py-3 bg-info ">col</div>
					 <div class="col border py-3 bg-info ">col</div>
		 </div>
		 <div class=container">
			<div class="row">
				 <div class="col border py-3 bg-warning ">col</div>
				 <div class="col border py-3 bg-warning ">col</div>
				 <div class="col border py-3 bg-warning ">col</div>
		</div>
	</body>
</html>
